<template>
    <div>
        <order-header :title="title">
          <template v-slot:tip>
            <span>
              {{tip}}
            </span>
          </template>
        </order-header>
        <router-view></router-view>
        <service-bar></service-bar>
        <nav-footer></nav-footer>
    </div>
</template>
<script>
import OrderHeader from "./../components/OrderHeader";
import ServiceBar from "./../components/ServiceBar";
import NavFooter from "./../components/NavFooter";
export default {
  name: "order",
  components: {
    OrderHeader,
    ServiceBar,
    NavFooter
  },
  data() {
    return {
      title:"",
      tip:'',
    }
  },
  mounted() {
    let path=this.$route.path;
    if(path=='/order/confirm'){
        this.title='订单确认';
        this.tip='请认真填写收货地址';
    }else if (path=='/order/list') {
      this.title='订单列表';
      this.tip='请谨防钓鱼连接或咋骗电话,了解更多>';
    }else if(path=='/order/pay'){
       this.title='订单支付';
      this.tip='请谨防钓鱼连接或咋骗电话,了解更多>';
    }
  },
};
</script>
